* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  -ms-content-zooming: none;
}

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #000;
  color: #fff;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
  color: inherit;
}

#pano {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#transitionList {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.title{
  width: 100%;
  padding: .5em;
  font-size: 1.2em;
  background-color: rgb(103,115,131);
  background-color: rgba(103,115,131,.9);
}

#transitionList .transitions {
  width: 100%;
}

#transitionList li {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 0.5em;
  background-color: rgb(58,68,84);
  background-color: rgba(58,68,84,0.8);
  border-top: 1px solid rgb(103,115,131);
  border-top: 1px solid rgba(103,115,131,.5);
}

#transitionList li:hover {
  background-color: rgb(103,115,131);
  background-color: rgba(103,115,131,0.8);
}

#custom{
  background-color: rgb(38,48,64) !important;
  background-color: rgba(38,48,64,0.9) !important;
} 

#customForm > * {
  display: block;
  margin-top: 0.5em;
}

#customForm #time {
  width: 160px;
  color: #FFF;
  font-size: .8em;
  background-color: rgb(103,115,131);
  background-color: rgba(103,115,131,.8);
  border: none;
  border-radius: 5px;
  padding: .5em;
}

#customForm select {
  min-width: 200px;
  height: 25px;
  color: #FFF;
  font-size: .8em;
  background-color: rgb(103,115,131);
  background-color: rgba(103,115,131,.8);
  border: none;
}

#customForm select:focus,
#customForm #time:focus {
  background-color: rgb(133,145,161);
  outline: none;
}

#customForm .submit {
  margin-top: 10px;
  font-size: .8em;
  padding: .5em 7em;
  background-color: #25aae1;
  border: 2px solid #25aae1;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

#customForm .submit:hover {
  background-color: #51BBE7;
  border: 2px solid #51BBE7;
}





